<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="./Observe.js"></script>
    <script type="text/javascript" src="./Dep.js"></script>
    <script type="text/javascript" src="./Watcher.js"></script>
    <script type="text/javascript" src="./Model.js"></script>
    <script type="text/javascript" src="./Complie.js"></script>
  </head>
  <body>
    <div id="app">
      <h1>{{title}}</h1>
      <h2>{{name}}</h2>
      <h3>{{content}}</h3>
    </div>

    <script type="text/javascript">
      var selfVue = new SelfVue({
        el: "#app",
        data: {
          title: "aaa",
          name: "bbb",
          content: "ccc",
        },
      });
      window.setTimeout(function () {
        selfVue.title = "ddd";
        selfVue.name = "eee";
        selfVue.content = "fff";
      }, 2000);
    </script>
  </body>
</html>
